html,body{
    width: 100%;
    height: 100%;
}
.container{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.notecontainer{
    width: 70%;
    height: 100%;
    margin-top: 15px;
}
.notetitle{
    width: 100%;
    height: 55px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.notetitle span{
    color: #FE7300;
    font-size: 22px;
}
.user_btn{
    width: 100%;
    height: 30px;
    /* background-color: aquamarine; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.editbtn{
    display: none;
}
.showbtn{
    display: block;
}
.user_btn a{
    margin-right: 10px;
    color: #797e94;
}
.user_btn a:hover{
    color: #FE7300;
}

.notecontent{
    width: 100%;
    height: 100%;
    background-color:#DEB887;
}